// pages/classify/index/index.js
var app = getApp()
import Index from '../../../api/index';
import userIndex from '../../../api/user';
import shopCar from '../../../api/shopCar';
Page({

  /**
   * 页面的初始数据
   */
  data: {
    tabbar: {},
    isPhone:app.globalData.isPhone,
    modelPhone:false,
    carNum:0,
    isIphoneX:app.globalData.isIphoneX,
    headerHeight:app.globalData.headerHeight,
    sort:'',
    classifyList:[],
    tabCur: 0, //当前项
    rightCur: 0, // 用于实现左边联动右边
    salesVolume:[
      {
        value:11,
        name:'销量升序'
      },
      {
        value:12,
        name:'销量降序'
      },
    ],
    priceArray:[
      {
        value:21,
        name:'价格升序'
      },
      {
        value:22,
        name:'价格降序'
      },
    ]
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {
    // 页面加载
    var that = this
    if(app.globalData.isIphoneX){
      this.setData({
        isIphoneX:app.globalData.isIphoneX
      })
    }else{
      setTimeout(()=>{
        that.setData({
          isIphoneX:app.globalData.isIphoneX
        })
      },100)
    }
    app.editTabBar()
    this.getList()
  },
  getseaarch(){
    console.log(111)
    wx.navigateTo({
      url: '/pages/classify/search/search',
    })
  },
  bindPickerChange(e){
    console.log(e)
    var type=e.currentTarget.dataset.sort
    var index=e.detail.value
    var salesVolume=this.data.salesVolume
    var priceArray=this.data.priceArray
    if(type=="sales"){
      this.setData({
        sort:salesVolume[index].value
      })
    }else{
      this.setData({
        sort:priceArray[index].value
      })
    }
    this.getList()
  },

  getsort(e){
      this.setData({
        sort:e.currentTarget.dataset.sort
      })
      this.getList()
  },
  getList(){ 
    var opt={
      sort:this.data.sort
    } 
    Index.apiProductType(opt).then(res=>{
        var data=res.data
        // var data=[]
        // for(var i=0;i<obj.length;i++){
        //   if(obj[i].products&&obj[i].products.length>0){
        //     data.push(obj[i])
        //   }
        // }
        this.setData({
        classifyList:data.map(row=>{
          if(row.products&&row.products.length>0){
            row.products=row.products.map(item=>{
              // item.img=item.img.split(",")[0]
              return item
            })
          }
          return row
        })

        // for(var i=0;i<res.data.length;i++){
        //   if(res.data[i].level==1){
        //     var data=res.data[i]
        //     data.children=[]
        //     obj.push(data)
        //   }else{
        //     obj=obj.map(item=>{
        //       if(item.id==res.data[i].parentId&&res.data[i].products){
        //           var children=res.data[i]
        //           item.children.push(children)
        //       }
        //       return item
        //   })
        //   }
        // }
       
        // var data=[]
        // for(var i=0;i<obj.length;i++){
        //   if((obj[i].products&&obj[i].products.length>0)||(obj[i].children&&obj[i].children.length>0)){
        //     data.push(obj[i])
        //   }
        // }
        // this.setData({
        //   classifyList:data.map(row=>{
        //     if(row.products&&row.products.length>0){
        //       row.products=row.products.map(item=>{
        //         item.img=item.img.split(",")[0]
        //         return item
        //       })
        //     }
        //     if(row.children&&row.children.length>0){
        //       row.children=row.children.map(item=>{
        //         item.products=item.products.map(items=>{
        //           items.img=items.img.split(",")[0]
        //           return items
        //         })
        //         return item
        //       })
        //     }
        //     return row
        //   })
        })
    })

  },
  setMeum(e) {
    console.log(e,'setMeumsetMeum')
    this.setData({
      tabCur: e.currentTarget.dataset.id,
      rightCur:e.currentTarget.dataset.id,
    })
  },
  getlevel(e){
    
    this.setData({
      rightCur:e.currentTarget.dataset.id,
    })
    console.log(this.data.rightCur)
  },
  scrollLink(e) {
    let list = this.data.classifyList
    let itemHeight = 0;
    for (let i = 0; i < list.length; i++) {
      //拿到每个元素      
      let els = wx.createSelectorQuery().select("#scroll-" + i);
      els.fields({
        size: true
      }, function (res) {
        list[i].top = itemHeight;
        itemHeight += res.height;
        list[i].bottom = itemHeight
      }).exec()

    }
  

    // 拿到滚动的高度
    let scrollTop = e.detail.scrollTop;
    for (let i = 0; i < list.length; i++) {
      if (scrollTop > list[i].top && scrollTop < list[i].bottom) {

        this.setData({
          tabCur: i,
        })
        return false
      }
    }
  },
  goShopDetails(e){
    var id=e.currentTarget.dataset.id
    wx.navigateTo({
      url: `/pages/home/productDetails/productDetails?id=${id}`,
    })
  },
  getLoginBtn(){
    this.setData({
      modelPhone:true,
    })
  },
  closeLoginBtn(){
    this.setData({
      modelPhone:false,
    })
  },
  getPhoneNumber(e){
    var code=e.detail.code
    if(code){
      userIndex.apigetPhone({code:code}).then(res=>{
        app.globalData.isPhone=res.data.phone?true:false
        this.setData({
          modelPhone:false,
          isPhone:res.data.phone?true:false
        })
      })
    }
  },
  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {

  },
  getShopCarNum(){
    shopCar.apishopCarNum().then(res=>{
      this.setData({
        carNum:res.data?res.data.num:0,
      })
    })
  },
  /**
   * 生命周期函数--监听页面显示
   */
  
  onShow() {
    this.setData({
      isPhone:app.globalData.isPhone,
    })
    if(app.globalData.isPhone){
      this.getShopCarNum()
    }
    
  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {
    var userId=wx.getStorageSync('userInfo')?wx.getStorageSync('userInfo').userId:''
    return {
      title: '火食集', // 分享标题
      path: `/pages/classify/index/index?referrerId=${userId}`, // 分享路径，必须是已经存在的页面路径
      // imageUrl: 'https://example.com/share.jpg', // 分享图标
      success: function (res) {
        // 转发成功
        if (res.errMsg === 'shareAppMessage:ok') {
          console.log('分享成功');
        }
      },
      fail: function (res) {
        // 转发失败
        console.log('分享失败', res);
      }
    }
  }
})